<template>
  <view class="pages">
    <view class="header w100">无忧回收平台欢迎你</view>
    <view class="tips w100">
      <view class="title">
        <u-icon name="checkmark" color="#3c9cff" size="55"></u-icon>
        <text>入驻信息提交成功，请耐心等待！</text>
      </view>
    </view>
  </view>
</template>
<script>
  export default {
    data() {
      return {}
    },
    onShow() {},
    methods: {
      // 打开颜色
      openColor() {
        if (!this.product) return this.$f.toast('请先输入手机型号')
        this.showColor = true
        this.getColor()
      },
      async confirm() {
        this.submit()
      },
      // 认证结果弹窗-确认
      confirmStatus() {
        this.showStatus = false
        this.$to('/pages/my/authentication/realname')
      },
      // 认证结果弹窗-取消
      cancelStatus() {
        this.showStatus = false
      },
      submit() {
        this.$http('/order/create', this.form).then(res => {
          this.$to('/pages/home/index', {}, 'tab')
        })
      }
    },
  }
</script>

<style lang="scss" scoped>
  .pages {
    background: linear-gradient(#cce4fb, #f0f4fa);
    padding:16rpx 16rpx calc(16rpx + #{$safe});
  }

  .header {
    border-radius: 16rpx;
    background: linear-gradient(#3fa2ff, #79b2fe);
    font-size: 40rpx;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 185rpx;
    color: #fff;
    margin-bottom: 16rpx;
  }

  .tips {
    border-radius: 16rpx;
    background-color: #fff;
    padding: 100rpx 50rpx;
    box-sizing: border-box;
    margin-bottom: 16rpx;

    .title {
      display: flex;
      align-items: center;
      flex-direction: column;
      font-size: 28rpx;

      .u-icon {
        border-radius: 66rpx;
        border: 4rpx solid #3c9cff;
      }

      text{
        padding-top: 30rpx;
      }
    }
  }
</style>
